import { Card } from 'antd'
import type { PropsWithChildren } from 'react'

export default function PhoneMockup({ children }: PropsWithChildren<unknown>) {
  return (
    <Card
      style={{
        width: 399,
        height: '90vh',
        padding: '12px 12px 64px',
        borderRadius: 36,
        boxShadow: '0 8px 24px rgba(0,0,0,.15)',
        overflow: 'hidden',
      }}
    >
      {children}
    </Card>
  )
}
